﻿@using OA.Model;
@using OA.Core.Helper;
@{
    Layout = null;
    BaseConfig config = ViewBag.BaseConfig;
    List<MenuInfo> myMenus = ViewBag.MyMenus;
    myMenus = myMenus.Where(m => m.s && m.m).OrderBy(m=>m.c).ToList();
    List<string> topMenu = myMenus.Select(m=>m.p).Distinct().ToList();
    
}
<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8" />
    <title>@config.SiteName</title>
    <meta name="renderer" content="webkit" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=0" />
    <link rel="stylesheet" href="@ViewBag.OssUrl/admin/layuiadmin/layui/css/layui.css" media="all" />
    <link rel="stylesheet" href="@ViewBag.OssUrl/admin/layuiadmin/layui/css/admin.css" media="all" />
    <script type="text/javascript" src="@ViewBag.OssUrl/admin/js/jquery-3.4.1.min.js"></script>
    <style type="text/css">
        .layui-layout-admin .layui-logo,.layui-side-menu .layui-nav, .layui-layout-admin .layui-side {
            width: 180px;
        }
        .layadmin-side-shrink .layui-side{width:60px;}
        .layadmin-pagetabs, .layui-layout-admin .layui-body, .layui-layout-admin .layui-footer, .layui-layout-admin .layui-layout-left {
            left: 180px;
        }
        .layui-side-menu .layui-side-scroll {
            width: 200px;
        }
    </style>
</head>
<body class="layui-layout-body">
    <script type="text/javascript" src="@config.OssUrl/admin/layuiadmin/layui/layui.js"></script>
    <script>
        layui.config({
            base: '@config.OssUrl/admin/layuiadmin/' //静态资源所在路径
        }).extend({
            index: 'lib/index' //主入口模块
        }).use('index');       
        function showWindow(title, url, width, height) {
            layer.open({
                type: 2,
                title: title,
                shade: [0.8, '#393D49'],
                shadeClose: false,
                resize: false,
                move: null,
                maxmin: false,
                area: [width + "px", height + "px"],
                content: url
            });
        }
        
        function FinshOther(msg) {
            layer.closeAll();
            layer.msg(msg);
        }
    </script>
    <div id="LAY_app">
        <div class="layui-layout layui-layout-admin">
            <div class="layui-header">
                <!-- 头部区域 -->
                <ul class="layui-nav layui-layout-left">
                    <li class="layui-nav-item layadmin-flexible" lay-unselect=lay-unselect>
                        <a href="javascript:;" layadmin-event="flexible" title="侧边伸缩">
                            <i class="layui-icon layui-icon-shrink-right" id="LAY_app_flexible"></i>
                        </a>
                    </li>
                    <li class="layui-nav-item layui-hide-xs" lay-unselect=lay-unselect>
                        <a href="/" target="_blank" title="前台">
                            <i class="layui-icon layui-icon-website"></i>
                        </a>
                    </li>
                    <li class="layui-nav-item" lay-unselect=lay-unselect>
                        <a href="javascript:;" layadmin-event="refresh" title="刷新">
                            <i class="layui-icon layui-icon-refresh-3"></i>
                        </a>
                    </li>
                </ul>
                <ul class="layui-nav layui-layout-right" lay-filter="layadmin-layout-right">
                    <li class="layui-nav-item layui-hide-xs" lay-unselect=lay-unselect>
                        <a href="javascript:;" layadmin-event="theme">
                            <i class="layui-icon layui-icon-theme"></i>
                        </a>
                    </li>
                    <li class="layui-nav-item layui-hide-xs" lay-unselect=lay-unselect>
                        <a href="javascript:;" layadmin-event="fullscreen">
                            <i class="layui-icon layui-icon-screen-full"></i>
                        </a>
                    </li>
                    <li class="layui-nav-item" lay-unselect=lay-unselect style="margin-right:8px;">
                        <a href="javascript:;">
                            <cite>@ViewBag.EmpName</cite>
                        </a>
                        <dl class="layui-nav-child">
                            <dd><a href="javascript:showWindow('修改密码','/Member/Home/UpdatePassword',600,300)">修改密码</a></dd>
                            <hr />
                            <dd style="text-align: center;"><a href="/Member/Home/Logout">退出</a></dd>
                        </dl>
                    </li>

                </ul>
            </div>

            <!-- 侧边菜单 -->
            <div class="layui-side layui-side-menu">
                <div class="layui-side-scroll">
                    <div class="layui-logo" lay-href="/Member/Home/Index">
                        <span>@config.SiteName</span>
                    </div>
                    <ul class="layui-nav layui-nav-tree" lay-shrink="all" id="LAY-system-side-menu" lay-filter="layadmin-system-side-menu">

                        @foreach (var item in topMenu)
                        {
                            var children = myMenus.Where(m => m.p == item).ToList();
                            if (children.Count == 0) { continue; }
                            <li data-name="@item.ToBase62()" class="layui-nav-item">
                                <a href="javascript:;" lay-tips="@item" lay-direction="1">
                                    <i class="layui-icon layui-icon-component"></i>
                                    <cite>@item</cite>
                                </a>
                                <dl class="layui-nav-child">
                                    @foreach (var child in children)
                                    {
                                        <dd data-name="console">
                                            <a lay-href="/@child.a/@child.ct/@child.at">@child.n</a>
                                        </dd>
                                    }
                                </dl>
                            </li>
                        }
                    </ul>
                </div>
            </div>

            <!-- 页面标签 -->
            <div class="layadmin-pagetabs" id="LAY_app_tabs">
                <div class="layui-icon layadmin-tabs-control layui-icon-prev" layadmin-event="leftPage"></div>
                <div class="layui-icon layadmin-tabs-control layui-icon-next" layadmin-event="rightPage"></div>
                <div class="layui-icon layadmin-tabs-control layui-icon-down">
                    <ul class="layui-nav layadmin-tabs-select" lay-filter="layadmin-pagetabs-nav">
                        <li class="layui-nav-item" lay-unselect=lay-unselect>
                            <a href="javascript:;"></a>
                            <dl class="layui-nav-child layui-anim-fadein">
                                <dd layadmin-event="closeThisTabs"><a href="javascript:;">关闭当前标签页</a></dd>
                                <dd layadmin-event="closeOtherTabs"><a href="javascript:;">关闭其它标签页</a></dd>
                                <dd layadmin-event="closeAllTabs"><a href="javascript:;">关闭全部标签页</a></dd>
                            </dl>
                        </li>
                    </ul>
                </div>
                <div class="layui-tab" lay-unauto=lay-unauto lay-allowClose="true" lay-filter="layadmin-layout-tabs">
                    <ul class="layui-tab-title" id="LAY_app_tabsheader">
                        <li lay-id="/Member/Home/Index" lay-attr="/Member/Home/Index" class="layui-this"><i class="layui-icon layui-icon-home"></i></li>
                    </ul>
                </div>
            </div>

            <!-- 主体内容 -->
            <div class="layui-body" id="LAY_app_body">
                <div class="layadmin-tabsbody-item layui-show">
                    <iframe src="/Member/Home/Index" frameborder="0" class="layadmin-iframe"></iframe>
                </div>
            </div>

            <!-- 辅助元素，一般用于移动设备下遮罩 -->
            <div class="layadmin-body-shade" layadmin-event="shade"></div>
        </div>
    </div>
</body>
</html>




